<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>永和小票</title>
		<!--全局的样式配置,习惯的位置-->
		<!---->
		<style>
			
			body{
				font-size: 8px;/*字体的大小*/
				margin: 5;/*边距*/
				width: 280px;/*边界*/
				
				
			}
			
			/*共享样式,定义一个名称,class属性=me*/
			/*class属性公有.*/
			.me{
				padding-left: 90px;
			}
			/*id属性#*/
			#please{
				font-size: 22px;
				font-weight: bold;
			}
			#billId{
				font-size: :30px;
				
			}
			.billClass{
				font-size: 20px;
				color: red;
			}
			
		</style>
	</head>
	<body>
		<div>顾客联</div>
		<br/><!--html换行符-->
		<div style="font-size: 22px;font-weight: bold;">请您留意取餐账号单</div>
		<div style="padding-left: 90px;">自取顾客联</div>
		<!--通过左边空白-->
		<div>永和大王(北三环西路店)</div>
		<div>010-12345678</div>
		<div class="me">--结账单--</div>
		
		<!--样式叠加.id的优先级高于class,如果定义的样式类型相同,id样式会覆盖class样式-->
		<div id="billId" class="billClass">账单号: p123456</div>
		<div>账单类型:堂食</div>
		<div>人数: 1</div>
		<div>收银员:张静</div>
		<div>开单时间:2018-04-17 07:24:29</div>
		<div>结账时间:2018-04-17 07:24:49</div>
		
		<hr style="border:1px dashed;"/>
		<table border="1">
			<tr>
				<th width="30">数量</th>
				<th width="150">品相</th>
				<th width="30" align="center">金额</th>
			</tr>
			<tr>
				<td valign="top">1</td>
				<td>
					玉米<br/>
					1X--玉米萨达所大奥所大<br/>
					1X--馒头sad撒多撒<br/>
				</td>
				<td valign="top" align="right">8.00</td>
			</tr>
		</table>
		<hr style="border: 1px dashed;" />
		<table border="1">
			<tr>
				<td width="40">合计</td>
				<td align="right" width="176">8.00</td>
			</tr>
			<tr>
				<td>微支付</td>
				<td align="right">8.00</td>
			</tr>
		</table>
		<hr style="border: 1px dashed;" />
		<div>打印时间:12323323423</div>
		<hr style="border: 1px dashed;" />
		<div style="padding-top: 15px;">
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。
		</div>
		
		<img src="qr.png" style="padding-left:90px;"/>
		<div>官网:www.yonghe.com.cn</div>
		<div>加盟热线:21312321312321</div>
		<br/><br />
		<hr style="border: 1px dashed;" />
	</body>
</html>
